<style>
    ul li{
        float: left;
    }
    .div_question {
        outline: none;
        border: 2px solid white;
        padding: 4px;
        clear: both;
        margin: 2px auto 10px;
        width: 96%;
        height: auto;
    }
    .maincolor{
        background:rgb(87,180,126);
        color: white;
    }
    .headerwidth{
        width: 60%;
    }
    .div_question_over {
        padding: 4px;
    }
    .div_question_onclick {
        border: 2px solid #57B47E;
    }
    .moseover{
        visibility: visible;
    }
    .moseout{
        visibility: hidden;
    }

</style>

<div class="content">
    <div class="role_content">

        <div class="row">
            <div class="col-md-12">
                <div class="well well-lg">
                    <div class="row" style="text-align: center;">
                        <div class="col-md-3">
                            <button type="button" class="btn maincolor headerwidth" id="single">单选题</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn maincolor headerwidth" id="multiple">多选题</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn maincolor headerwidth" id="judgement">判断题</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn maincolor headerwidth" id="subjective">问答题</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="ct" style=" overflow: auto; height: 400px; background: rgb(255, 255, 255);">

                    <!--<div class="div_question div_question_over div_question_onclick" tabindex="-1" style="visibility: visible; cursor: default;">-->
                        <!--<div class="row">-->
                            <!--<div class="col-md-3" style="text-align: right;">-->
                               <!--<span>-->
                               <!--(单选题)1.-->
                               <!--</span>-->
                            <!--</div>-->
                            <!--<div class="col-md-4">-->
                                <!--<input type="text" class="title" style="width: 100%;" placeholder="问题标题"/>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="rows" style="padding-top: 10px;">-->
                            <!--<div class="row" style="padding-top: 10px;">-->
                                <!--<div class="col-md-2 col-md-offset-1" style="text-align: right;line-height: 26px;">-->
                                    <!--<span>选项1</span>-->
                                <!--</div>-->
                                <!--<div class="col-md-4">-->
                                    <!--<input style="width: 100%;" class="opstion" type="text" />-->
                                <!--</div>-->
                                <!--<div class="col-md-3" style="line-height: 26px;">-->
                                    <!--&lt;!&ndash;<a class="addone" href="#" style="color: #6ab7ad;">&ndash;&gt;-->
                                    <!--&lt;!&ndash;添加&ndash;&gt;-->
                                    <!--&lt;!&ndash;</a>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="row" style="padding-top: 10px;">-->
                                <!--<div class="col-md-2 col-md-offset-1" style="text-align: right;line-height: 26px;">-->
                                    <!--<span>选项2</span>-->
                                <!--</div>-->
                                <!--<div class="col-md-4">-->
                                    <!--<input style="width: 100%;" class="opstion"  type="text" />-->
                                <!--</div>-->
                                <!--<div class="col-md-3" style="line-height: 26px;">-->
                                    <!--<a class="addone" href="#" style="color: #6ab7ad;">-->
                                        <!--添加-->
                                    <!--</a>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="row moseover" style="padding-top: 10px;">-->
                            <!--<div class="col-md-7" style="text-align: right;">-->
                                <!--<button type="button" class="btn maincolor success" q_type="0">完成</button>-->
                                <!--<button type="button" class="btn maincolor delete" q_type="0">删除</button>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->

                </div>

                <div class="row" style="padding-top: 10px;">
                    <div class="col-md-4 col-md-offset-4">
                        <button type="button" style="width: 100%;" class="btn maincolor">提  交  试  卷</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>